.shoppingtrolley{
	height: 100vh;
	.shoppingtrolley_box{
		height: 170%;
		background: #F3F3F3;
		position: relative;
		.kong{
			background: #0EA970;
			height: 50rpx;
		}
		.shoppingtrolley_box_tou{
			background: #0EA970;
			    display: flex;
			    justify-content: space-between;
			    align-items: center;
			    height: 50px;
				padding: 0 20rpx;
			.u-icon-1{
				
			}
			.gouwu{
				font-size: 34rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #FFFFFF;
			}
			.u-icon-2{
				
			}
		}
		.shoppingtrolley_box_dibu{
			height: 250rpx;
			background: #0EA970;
			border-radius: 0 0 10% 10%;
		}
		.shoppingtrolley_box_top{
			position: absolute;
			    width: 100%;
			    height: 94%;
			    top: 7%;
				
			// .shoppingtrolley_box_top_a{
			// 	width: 670rpx;
			// 	height: 236rpx;
			// 	background: #FFFFFF;
			// 	box-shadow: 0px 2rpx 24rpx 0px rgba(0,0,0,0.08);
			// 	border-radius: 24rpx 24rpx 24rpx 24rpx;
			// 	opacity: 1;
			// 	margin: 0 auto;
			// 	padding: 0 20rpx;
			// 	margin-bottom: 20rpx;
			// 	position: relative;
			// 	.box{
			// 		display: flex;
			// 		align-items: center;
			// 		padding-top: 32rpx;
			// 		.left{
			// 			display: flex;
			// 			align-items: center;
			// 			.left_img{
			// 				    width: 240rpx;
			// 				    height: 172rpx;
			// 				    border-radius: 20rpx 20rpx 20rpx 20rpx;
			// 				    opacity: 1;
			// 					image{
			// 						width: 240rpx;
			// 						height: 172rpx;
			// 						border-radius: 20rpx 20rpx 20rpx 20rpx;
			// 					}
			// 			}
			// 			.left_right{
			// 				margin-left: 30rpx;
			// 				width: 340rpx;
			// 				.jishi{
			// 					font-size: 32rpx;
			// 					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			// 					font-weight: 400;
			// 					color: #3D3D3D;
			// 				}
			// 				.left_right_tinajia{
			// 					display: flex;
			// 					    justify-content: space-between;
			// 					    align-items: center;
			// 						padding: 16rpx 0;
			// 					.text{
			// 						font-size: 24rpx;
			// 						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			// 						font-weight: 400;
			// 						color: #999999;
			// 					}
			// 					.xia_right{
			// 						display: flex;
			// 						    align-items: center;
			// 						// .text5{
			// 						// 	width: 40rpx;
			// 						// 	height: 40rpx;
			// 						// 	border-radius: 108rpx 108rpx 108rpx 108rpx;
			// 						// 	background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
			// 						// 	text-align: center;
			// 						// 	line-height: 40rpx;
										
			// 						// }
			// 						::v-deep.u-icon{
			// 							// margin-top: 4rpx;
			// 							// margin-left: 7rpx;
			// 							width: 40rpx;
			// 							height: 40rpx;
			// 							border-radius: 108rpx 108rpx 108rpx 108rpx;
			// 							background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
			// 							// text-align: center;
			// 							// line-height: 40rpx;
			// 							.u-icon__icon{
			// 								    margin-left: 7rpx;
			// 							}
			// 						}
			// 						.text6{
			// 							padding: 0 20rpx;
			// 							font-size: 34rpx;
			// 							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
			// 							font-weight: 500;
			// 							color: #333333;
			// 						}
									
			// 					}
								
			// 				}
			// 				.qian{
			// 					.text1{
			// 						font-size: 24rpx;
			// 						font-family: OPPOSans-Medium, OPPOSans;
			// 						font-weight: 500;
			// 						color: #FF8F1F;
			// 					}
			// 					.text2{
			// 						font-size: 36rpx;
			// 						font-family: OPPOSans-Medium, OPPOSans;
			// 						font-weight: 500;
			// 						color: #FF8F1F;
			// 					}
								
			// 				}
			// 			}
			// 		}
			// 	}
			// 	.del-box{
			// 		width: 140rpx;
			// 		height: 236rpx;
			// 		background: #FF8F1F;
			// 		border-radius: 0px 24rpx 24rpx 0px;
			// 		opacity: 1;
			// 		position: absolute;
			// 		    top: 0;
			// 		    right: 0;
			// 		    z-index: 30;
			// 			text{
			// 				display: block;
			// 				    width: 30rpx;
			// 				    margin: 0 auto;
			// 				    margin-top: 55%;
			// 					font-size: 32rpx;
			// 					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			// 					font-weight: 400;
			// 					color: #FFFFFF;
			// 			}
			// 	}
			// }
			::v-deep.u-swipe-action{
				// width: 670rpx;
				// height: 236rpx;
				// background: #FFFFFF;
				// box-shadow: 0px 2rpx 24rpx 0px rgba(0,0,0,0.08);
				// border-radius: 24rpx 24rpx 24rpx 24rpx;
				// opacity: 1;
				// margin: 0 auto;
				// padding: 0 20rpx;
				// margin-bottom: 20rpx;
				.u-swipe-action-item{
					width: 700rpx;
					height: 236rpx;
					background: #FFFFFF;
					box-shadow: 0px 2rpx 24rpx 0px rgba(0,0,0,0.08);
					border-radius: 24rpx 24rpx 24rpx 24rpx;
					opacity: 1;
					margin: 0 auto;
					// padding: 0 20rpx;
					margin-bottom: 20rpx;
					.swipe-action{
						width: 700rpx;
						height: 236rpx;
						.swipe-action__content{
							width: 700rpx;
							height: 236rpx;
							display: flex;
							    align-items: center;
							    justify-content: center;
							.left{
								display: flex;
								align-items: center;
								.left_img{
									    width: 240rpx;
									    height: 172rpx;
									    border-radius: 20rpx 20rpx 20rpx 20rpx;
									    opacity: 1;
										image{
											width: 240rpx;
											height: 172rpx;
											border-radius: 20rpx 20rpx 20rpx 20rpx;
										}
								}
								.left_right{
									margin-left: 30rpx;
									width: 340rpx;
									.jishi{
										font-size: 32rpx;
										font-family: Source Han Sans CN-Regular, Source Han Sans CN;
										font-weight: 400;
										color: #3D3D3D;
									}
									.left_right_tinajia{
										display: flex;
										    justify-content: space-between;
										    align-items: center;
											padding: 16rpx 0;
										.text{
											font-size: 24rpx;
											font-family: Source Han Sans CN-Regular, Source Han Sans CN;
											font-weight: 400;
											color: #999999;
										}
										.xia_right{
											display: flex;
											    align-items: center;
											// .text5{
											// 	width: 40rpx;
											// 	height: 40rpx;
											// 	border-radius: 108rpx 108rpx 108rpx 108rpx;
											// 	background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
											// 	text-align: center;
											// 	line-height: 40rpx;
												
											// }
											.u-icon{
												// margin-top: 4rpx;
												// margin-left: 7rpx;
												width: 40rpx;
												height: 40rpx;
												border-radius: 108rpx 108rpx 108rpx 108rpx;
												background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
												// text-align: center;
												// line-height: 40rpx;
												.u-icon__icon{
													    margin-left: 7rpx;
												}
											}
											.text6{
												padding: 0 20rpx;
												font-size: 34rpx;
												font-family: Source Han Sans CN-Medium, Source Han Sans CN;
												font-weight: 500;
												color: #333333;
											}
											
										}
										
									}
									.qian{
										.text1{
											font-size: 24rpx;
											font-family: OPPOSans-Medium, OPPOSans;
											font-weight: 500;
											color: #FF8F1F;
										}
										.text2{
											font-size: 36rpx;
											font-family: OPPOSans-Medium, OPPOSans;
											font-weight: 500;
											color: #FF8F1F;
										}
										
									}
								}
							}
						}
					}
				}
			}
		}
		.shoppingtrolley_bottom{
			display: flex;
			justify-content: space-between;
			align-items: center;
			position: fixed;
			bottom: -4rpx;
			width: 100%;
			height: 100rpx;
			background: #FFFFFF;
			z-index: 10;
			.left{
				margin-left: 50rpx;
				display: flex;
				align-items: center;
				.van{
					font-size: 24rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					
				}
				.text{
					font-size: 24rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #999999;
				}
			}
			.right{
				    display: flex;
					margin-right: 50rpx;
					align-items: center;
					.heji{
						display: flex;
						align-items: center;
						margin-right: 34rpx;
						.text{
							font-size: 28rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #666666;
						}
						.qian{
							.text1{
								font-size: 24rpx;
								font-family: OPPOSans-Medium, OPPOSans;
								font-weight: 500;
								color: #FF8F1F;
							}
							.text2{
								font-size: 36rpx;
								font-family: OPPOSans-Medium, OPPOSans;
								font-weight: 500;
								color: #FF8F1F;
							}
						}
					}
					.jiesuan{
						width: 160rpx;
						height: 62rpx;
						background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
						border-radius: 62rpx 62rpx 62rpx 62rpx;
						opacity: 1;
						text-align: center;
						line-height: 62rpx;
						color: #FFFFFF;
						font-size: 32rpx;
					}
			}
		}
	}
}